<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>抑郁症在线检测平台-联系我们</title>

    <!-- Stylesheets -->
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/responsive.css" rel="stylesheet">
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">

</head>

<!-- page wrapper -->
<body class="main_page">


<!-- .preloader -->
<div class="preloader"></div>
<!-- /.preloader -->


<!-- Main Header -->
<div th:insert="~{common:: header}"></div>
<!-- End Main Header -->


<!--Page Title-->
<section class="page-title centred" style="background-image: url(/images/background/page-title-8.jpg);">
    <div class="container">
        <div class="content-box">
            <h1>恭喜您完成检测</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="/index">返回首页</a></li>
                <li><a href="/contact">联系我们</a></li>
            </ul>
        </div>
    </div>
</section>
<!--End Page Title-->


<!-- contact-section -->
<section class="contact-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12 info-column">
                <input type="hidden" id="categoryLevelId" th:value="${categoryLevel.id}">
                <input type="hidden" id="scope" th:value="${scope}">
                <input type="hidden" id="paperSize" th:value="${paperSize}">
                <input type="hidden" id="time" th:value="${time}">
                <div class="contact-info">
                    <h1 th:text="'测试结果: ' + ${scope}"></h1>
                    <div class="bold-text">这些分数只是意见并不是胜多负少姑父啥的公司干啥的根深蒂固.</div>
                    <div class="inner-box">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12 column">
                                <div class="single-item">
                                    <h4>测试题目数：</h4>
                                    <div class="text" th:text="'您总共提交了：' +${paperSize} + '题'"></div>
                                    <div class="text" th:text="'您未提交 0 题'"></div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 column">
                                <div class="single-item">
                                    <h4>测试时间：</h4>
                                    <div class="text">
                                        <a   th:text="${#dates.format(beginTime,'yyyy-MM-dd HH:mm:ss')}">hello@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 column">
                                <div class="single-item">
                                    <h4>花费时间：</h4>
                                    <div class="text" th:text="'您一共耗时：' + ${time} + ' 分钟'">Bridges Counselling, 1 Blackwood Pl, Oatlands</div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 column">
                                <div class="single-item">
                                    <button id="download" class="theme-btn">下载结果</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 form-column">
                <div class="contact-form-area">
                    <h1>医疗建议</h1>
                    <div class="text">免责声名.</div>
                    <form method="post" action="sendemail.php" id="contact-form">
                        <div class="row" th:utext="${categoryLevel.advice}">

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- contact-section end -->


<!-- main-footer -->
<div th:insert="~{common:: footer}"></div>
<!-- main-footer end -->




<!-- jequery plugins -->
<script src="/js/jquery.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

<script src="/js/owl.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/validation.js"></script>
<script src="/js/jquery.fancybox.js"></script>
<script src="/js/appear.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/gmaps.js"></script>
<script src="/js/map-helper.js"></script>

<!-- main-js -->
<script src="/js/script.js"></script>
<script type="text/javascript">
    $(function (){
        $("#download").click(function (){
            var categoryLevelId = $("#categoryLevelId").val();
            var scope = $("#scope").val();
            var paperSize = $("#paperSize").val();
            var time = $("#time").val();
            if (!confirm("确定下载？")){
                return false;
            }
            window.open("/download/pdf?categoryLevelId="+categoryLevelId + "&scope=" + scope+"&paperSize="+paperSize+"&time="+time)
        })
    })
</script>
</body><!-- End of .page_wrapper -->
</html>
